<template>
	<view class="Wrapper" @click="toBrand">
		<image :src="$imgUrls(pageData.brand_img)" mode="aspectFit" class="brand_logo"></image>
		<view class="content">
			<text class="ellipsis brand_name">{{pageData.brand_name}}</text>
			<text class="ellipsis brand_info">{{pageData.brand_info}}</text>
		</view>
		<view class="iconfont icon-a-zujian32 color_99 h6"></view>
	</view>
</template>

<script>
	export default {
		props: ['pageData'],
		data() {
			return {

			}
		},
		methods: {
			toBrand() {
				this.toUrl(`/otherPage/Brand/Brand?brand_id=${this.pageData.brand_id}`)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.Wrapper {
		width: 710rpx;
		margin: 20rpx auto;
		background-color: #ffffff;
		padding: 24rpx;
		border-radius: 10rpx;
		display: flex;
		align-items: center;

		.brand_logo {
			width: 100rpx;
			height: 100rpx;
			border-radius: 10rpx;
			margin-right: 24rpx;
			border: 1px solid #f2f2f2;
		}

		.content {
			flex: 1;
			height: 100rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding-right: 20rpx;

			.brand_name {
				color: #000;
				font-size: 32rpx;
			}

			.brand_info {
				color: #999;
				font-size: 26rpx;
			}
		}
	}
</style>